<template>
  <el-card class="box-card" >
  <div >
    <div slot="header">
      <h3>用户信息</h3>    </div>
    <img src="../images/1.jpg" height="120" width="120"/>
    <el-row type="flex" justify="center" align="middle" style="margin-top: 30px">
      <el-col span="2" >
        姓名：
      </el-col>
      <el-col span="4" offset="2">
        {{name}}
      </el-col>
    </el-row>
    <el-row type="flex" justify="center" align="middle" style="margin-top: 30px">
      <el-col span="2" >
          年龄：
      </el-col>
      <el-col span="4" offset="2">
        {{age}}
      </el-col>
    </el-row>
    <el-row type="flex" justify="center" align="middle" style="margin-top: 30px">
      <el-col span="2" >
        性别：
      </el-col>
      <el-col span="4" offset="2">
        {{sex}}
      </el-col>
    </el-row>
    <el-row type="flex" justify="center" align="middle" style="margin-top: 30px">
      <el-col span="2" >
        班级：
      </el-col>
      <el-col span="4" offset="2">
        {{cla}}
      </el-col>
    </el-row>
    <el-row type="flex" justify="center" align="middle" style="margin-top: 30px">
      <el-col span="2" >
        性别：
      </el-col>
      <el-col span="4" offset="2">
        {{sex}}
      </el-col>
    </el-row>
    <el-row type="flex" justify="center" align="middle" style="margin-top: 30px">
      <el-col span="2" >
        简介：
      </el-col>
      <el-col span="4" offset="2">
        {{detail}}
      </el-col>
    </el-row>
  </div>
  </el-card>
</template>


<script>
export default {
  name: "Info",
  data(){
    return {
      name:'lxx',
      sex:'',
      cla:'',
      detail:'',
      age:'',
    }
  }
}
</script>

<style scoped>

.text {
  font-size: 14px;
}

.item {
  padding: 18px 0;
}

.box-card {
  width: 720px;
}

</style>
